#cornice{
border:2px solid #000000;
padding:0.5em;
background-color:#fafafa;
width: auto;
height: auto;
color: #900;
}

#box{
position:absolute;
width:88%;
height:98%;
top:1%;
left:11%;
border:1px solid #000;
font-size:1em;
overflow:auto;
overflow-x:scroll;
}

#coppia{
position:relative;
top:30%;
}

#protagonista{
border:4px solid #0000FF;
padding:0.5em;
width: auto;
height: auto;
background-color:#CD5C5C;
color: #0000FF;
font-size:1.2em;
}

#partner{
padding:0.5em;
width: auto;
height: auto;
color: #900;
}

#padre{
position:absolute;
left:25%;
top:0%;
padding:0.5em;
width: auto;
height: auto;
color: #900;
}

#madre{
position:absolute;
left:52%;
top:0%;
padding:0.5em;
width: auto;
height: auto;
color: #900;
}

#Figli{
position:relative;
top:30%;
}

#figlio{
border:2px solid #000000;
padding:0.5em;
background-color:#fafafa;
width: auto;
height: auto;
color: #900;
}

.box{
white-space: nowrap;
}


#login{
position:absolute;
left:1%;
top:10%;
border:2px solid #000000;
padding:0.5em;
width: 100;
height: auto;
background-color:#fafafa;
color: #900;
}